@charset "utf-8";

/* - - - - */
/* m e n u */
/* - - - - */
#menuContainer {
  z-index: 50;
}

#menu {
  margin: 0 -4px;
  width: 948px;
}

#menu.nojs {
  height: 50px;
}

#menu.nojs li ul,
#menu li.hover ul {
  display: block;
}

/* blocs titre+sous menu */
#menu li {
  display: inline;
  float: left;
  position: relative;

  width: 150px;
  margin: 0 4px;
  z-index: 10000;

}
/* liens des menus principaux */
#menu li h2 {
  display: block;
  width: 100%;
  text-align: center;

  color: #FFF;
  letter-spacing: -1px;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 25px;
  text-decoration: none;

  background: #9DD63B url(../images/fond_main_menu.gif) left top no-repeat;
}
#menu li.hover h2 {
  background-image: url(../images/fond_main_menu_hover.gif);
}/*
#menu li.hover h2.noChild a {
  background-image: url(../images/fond_main_menu_hover_no_child.gif);
}*/
#menu li h2.noChild {
  background-image: url(../images/fond_main_menu_no_child.gif);
}
#menu li.hover h2.noChild {
  background-position: center -25px;
}
/* sous menus */
#menu li ul {
  background: transparent url(../images/fond_main_sous_menu.gif) left bottom no-repeat;
  filter:alpha(Opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95;

  position: absolute;
  top: 25px;
  left: 0;
  display: none;
}

/* lien des sous menus */
#menu li li a {
  font-size: 1.1em;
  text-decoration: none;
  color: #FFF;
  display: block;
  width: 138px;
  margin: 3px;
  padding: 0 3px;
  line-height: 20px;
  background: transparent url(../images/fond_main_sous_menu_item.gif) center center no-repeat;
}
#menu li li a:hover {
  background-image: url(../images/fond_main_sous_menu_item_hover.gif);
}

#menu li li {
  display: block;
  float: none;
  position: static;
  border: auto;
  padding:0;
  margin:0;
}

/* - - - - - - - - */
/* k e y   m e n u */
/* - - - - - - - - */
#keyMenu {
  height: 500px;
  width: 500px;
  background: transparent url(../images/menu_extranet.gif) left top no-repeat;
  position: relative;
}

#keyMenu a {
  position: absolute;
  font-weight: bold;
  font-size: 1.3em;
  line-height: 2.5em;
  padding-right: 40px;
  text-decoration: underline;
  background-color: transparent;
  background-position: -1000px center;
  background-repeat: no-repeat;
  background-image: url(../images/kc_puce.gif);
}
#keyMenu a:hover {
  text-decoration: none;
  background-position: right center;
}

#keyMenu .keyVert a {
  top: 24px;
  left: 23px;
  width: 200px;
  padding-left: 95px;
  height: 84px;
  line-height: 84px;
  font-size: 2em;
  color: #009516;
  text-decoration: none;
  background-image: url(../images/fond_menu_extranet_vert.gif);
}

#keyMenu .keyJaune a {
  top: 83px;
  left: 417px;
  width: 200px;
  padding-left: 71px;
  height: 61px;
  line-height: 30px;
  font-size: 1.2em;
  color: #B8B802;
  text-decoration: none;
  background-image: url(../images/fond_menu_extranet_jaune.gif);
}

#keyMenu .keyBleu a {
  top: 388px;
  left: 201px;
  width: 200px;
  padding-left: 113px;
  height: 103px;
  line-height: 103px;
  font-size: 2.4em;
  color: #6601A7;
  text-decoration: none;
  background-image: url(../images/fond_menu_extranet_bleu.gif);
}
#keyMenu .keyVert a:hover,
#keyMenu .keyJaune a:hover,
#keyMenu .keyBleu a:hover {
  background-position: left center;
}

/* - - - - - - - - - - - - - - */
/* k e y   m e n u   s m a l l */
/* - - - - - - - - - - - - - - */
#keyMenuSmall {
  height: 250px;
  width: 600px;
  background: transparent url(../images/menu_rubrique.gif) left top no-repeat;
  position: relative;
}

/* liens hors lien atomique */
#keyMenuSmall a {
  float: right;
  clear: right;
  font-weight: bold;
  font-size: 1em;
  line-height: 3.5em;
  padding-right: 40px;
  text-decoration: underline;
  background-color: transparent;
  background-position: -10000px center;
  background-repeat: no-repeat;
  background-image: url(../images/kc_puce.gif);
}
#keyMenuSmall a:hover {
  text-decoration: none;
  background-position: right center;
}
#keyMenuSmall .keyAutre a {
  position: absolute;
  right: 0;
  bottom: 7em;
}
/* lien atomiques */
#keyMenuSmall .keyVert a {
  top: 12px;
  left: 11px;
  width: 200px;
  padding-left: 52px;
  height: 42px;
  line-height: 42px;
  font-size: 1.4em;
  text-decoration: none;
}

#keyMenuSmall .keyJaune a {
  top: 41px;
  left: 208px;
  width: 200px;
  padding-left: 41px;
  height: 31px;
  line-height: 31px;
  font-size: 1.2em;
  text-decoration: none;
}

#keyMenuSmall .keyBleu a {
  top: 194px;
  left: 100px;
  width: 200px;
  padding-left: 61px;
  height: 51px;
  line-height: 51px;
  font-size: 1.6em;
  text-decoration: none;
}

#keyMenuSmall .keyRouge a {
  top: 63px;
  left: 90px;
  width: 200px;
  padding-left: 83px;
  height: 73px;
  line-height: 104px;
  font-size: 1.8em;
  text-decoration: none;
}

/* images de fond */
#keyMenuSmall .keyVert a,
#keyMenuSmall .keyJaune a,
#keyMenuSmall .keyBleu a,
#keyMenuSmall .keyRouge a {
  position: absolute;
  z-index: 1;
  float: none;
  clear: none;
  background-image: url(../images/menu_rubrique.gif);
}

/* image de survol */
#keyMenuSmall .keyVert a:hover,
#keyMenuSmall .keyJaune a:hover,
#keyMenuSmall .keyBleu a:hover,
#keyMenuSmall .keyRouge a:hover {
  cursor: pointer;
  z-index: 0;
  background-image: url(../images/fond_menu_small_hover.gif);
}

/* positionnement de l'image de survol */
#keyMenuSmall .keyVert a,
#keyMenuSmall .keyVert a:hover {background-position: -11px -12px;}
#keyMenuSmall .keyJaune a,
#keyMenuSmall .keyJaune a:hover {background-position: -208px -41px;}
#keyMenuSmall .keyBleu a,
#keyMenuSmall .keyBleu a:hover {background-position: -100px -194px;}
#keyMenuSmall .keyRouge a,
#keyMenuSmall .keyRouge a:hover {background-position: -90px -63px;}

/* couleur de survol */
#keyMenuSmall .keyVert a:hover {color: #009516;}
#keyMenuSmall .keyJaune a:hover {color: #B8B802;}
#keyMenuSmall .keyBleu a:hover {color: #6601A7;}
#keyMenuSmall .keyRouge a:hover {color: #B00;}

/* réglages spécifiques */
#keyMenuSmall .keyJaune a {z-index: 2;}
#keyMenuSmall .keyJaune a:hover {z-index: 2;}


/* - - - - - - - - - - - - - - - - - */
/* k e y   m e n u :   s o c i e t e */
/* - - - - - - - - - - - - - - - - - */
#keyMenu #projet a { left: 440px ;top: 195px; }
#keyMenu #historique a { left: 427px ;top: 235px; }
#keyMenu #organisation a { left: 414px ;top: 275px; }
#keyMenu #actualites a { left: 401px ;top: 315px; }
#keyMenu #socAcces a { left: 388px ;top: 355px; }

/* - - - - - - - - - - - - - - - */
/* k e y   m e n u :   o f f r e */
/* - - - - - - - - - - - - - - - */
#keyMenu #metiers a { left: 440px ;top: 195px; }
#keyMenu #offres a { left: 414px ;top: 275px; }
#keyMenu #secteurs a { left: 388px ;top: 355px; }

/* - - - - - - - - - - - - - - - - - - - - */
/* k e y   m e n u :   e x p e r t i s e s */
/* - - - - - - - - - - - - - - - - - - - - */
#keyMenu #langage a { left: 440px ;top: 195px; }
#keyMenu #framework a { left: 427px ;top: 235px; }
#keyMenu #architecture a { left: 414px ;top: 275px; }
#keyMenu #expQuizzes a { left: 401px ;top: 315px; }

/* - - - - - - - - - - - - */
/* k e y   m e n u :   R H */
/* - - - - - - - - - - - - */
#keyMenu #valeurs a { left: 440px ;top: 195px; }
#keyMenu #pae a { left: 427px ;top: 235px; }
#keyMenu #RHtablesRondes a { left: 414px ;top: 275px; }
#keyMenu #parcours a { left: 401px ;top: 315px; }
#keyMenu #rencontre a { left: 388px ;top: 355px; }

/* - - - - - - - - - - - - - - - - - - - */
/* k e y   m e n u :   r e n c o n t r e */
/* - - - - - - - - - - - - - - - - - - - */
#keyMenu #annonces a { left: 440px ;top: 195px; }
#keyMenu #depotCv a { left: 414px ;top: 275px; }
#keyMenu #rencAcces a { left: 388px ;top: 355px; }

/* - - - - - - - - - - - - */
/* k e y y o u   l i n k s */
/* - - - - - - - - - - - - */
/*#keyYouLinks li {
  padding: 1em 0 1em 40px;
  background: transparent url(../images/kc_puce.gif) left center no-repeat;
  font-weight: bold;
}*/

